<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        /* 修改字体  */
        body {
            font-family: 宋体
        }

        /* 修改字体大小 */
        body {
            /* 要加px */
            font-size: 16px;
        }

        /* 字体粗细 */
        h1 {
            /* normal 不加粗 。bold 加粗 。数字（100~900），400=normal  ,700=bold */
            /* 不要加 px  */
            font-weight: 700
        }

        h2 {
            font-weight: 400;
        }

        em {
            font-style: normal;
        }

        /* 字体的复合属性 */
        div {
            /* font-style: italic;
            font-weight: 900;
            font-size: 50px;
            font-family: 'Times New Roman', Times, serif; */

            /* 按照如下顺序来写 不能颠倒顺序，
            size 和fanily不能省略，其余两个可以不写，
            否则简写的font不起作用*/

            /* font: font-style font-weight font-size/line-height font-family */
            
            font: normal 900 50px/60px Times ;
        }
    </style>
</head>

<body>
    <h1> 喜欢我</h1>
    <h2> 我喜欢</h2>
    喜欢我
    欢喜我
    你我他 <br>
    <em>我是倾斜字体，但是可以变得不倾斜</em>
    <h2>字体的复合属性</h2>
    <div> 三生三世十里桃花，一心一意百行代码
        efhlkjaslk
    </div>
</body>

</html>